<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/templates/common/template.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
   <ui:define name="left">
         <ui:include src="menuacordion_1.xhtml" />
      
    </ui:define>
    <ui:define name="content">
        <h1>Asignatura</h1>
        <h:form id="idAsignatura"> 
         <rich:tabPanel switchType="client">
        
         <rich:tab header="Listado de Asignaturas">
             <a4j:status onstart="#{rich:component('statPane')}.show()" onstop="#{rich:component('statPane')}.hide()" />
        <h:form id="listaAsignatura">
            <rich:dataTable value="#{asignaturaBean}" var="asig" id="table" rows="15">
                
            <rich:column>
                <f:facet name="header">Código</f:facet>
                <h:outputText value="#{asignaturaBean.codAsignatura}" />
            </rich:column>
            <rich:column>
                <f:facet name="header">Descripción de Asignatura</f:facet>
                <h:outputText value="#{asignaturaBean.descAsignatura}" />
            </rich:column>
            <rich:column>
                <f:facet name="header">Nombre Área</f:facet>
                <h:outputText value="#{asignaturaBean.codArea}" />
            </rich:column>
            <rich:column>
                <f:facet name="header">Nivel</f:facet>
                <h:outputText value="#{asignaturaBean.nivel}" />
            </rich:column>
                <rich:column>
                <f:facet name="header">Modificar</f:facet>
                <a4j:commandLink styleClass="no-decor" render="editGrid" execute="@this"
                    oncomplete="#{rich:component('editPane')}.show()">
                    <h:graphicImage value="/images/icons/edit.gif" alt="edit" />
                    <a4j:param value=""  />
                    <f:setPropertyActionListener target="" value="asig" />
                </a4j:commandLink>
                </rich:column>
           <f:facet name="footer">
               <rich:dataScroller page="" />
            </f:facet>
        </rich:dataTable>
        </h:form>    
        </rich:tab>
             
        <rich:tab header="Nueva asignatura" >
        <h:form>
            <h:panelGrid columns="3">
                <h:outputText value="Código: " />
                <h:inputText label="Código" id="codigo" required="true" value="#{asignaturaBean.codAsignatura}">
                    <f:validateLength minimum="3" />
                </h:inputText>
                <rich:message for="codigo" ajaxRendered="true" />
                
                <h:outputText value="Descripción: " />
                <h:inputText label="Descripción" id="descripcion" required="true" value="#{asignaturaBean.descAsignatura}">
                    <f:validateLength minimum="3" maximum="50" />
                </h:inputText>
                <rich:message for="descripcion" ajaxRendered="true" />
                
                <h:outputText value="Área:" />
                <h:selectOneMenu value="#{asignaturaBean.codArea}" label="Área" id="area" required="true">
                    <f:selectItem itemLabel=" " itemValue="0"/>
                </h:selectOneMenu>
                <rich:message for="area" ajaxRendered="true"/>
                              
                <h:outputText value="Nivel:" />
                <h:selectOneMenu value="#{asignaturaBean.nivel}" label="nivel" required="true">
                    <f:selectItem itemLabel=" " itemValue="0"/>
                    <f:selectItem itemLabel="Inicial" itemValue="1"/>
                    <f:selectItem itemLabel="Primaria" itemValue="2"/>
                    <f:selectItem itemLabel="Secundaria" itemValue="3"/>
                </h:selectOneMenu>
                <rich:message for="nivel" ajaxRendered="true" />
                <f:facet name="footer">
                    <a4j:commandButton value="Grabar" />
                </f:facet>
                 <f:facet name="footer">
                    <a4j:commandButton value="Cancelar" />
                </f:facet>
              
            </h:panelGrid>
        </h:form>
    </rich:tab>
   
        <rich:tab header="Eliminar Asignatura">
            
        </rich:tab>
                                       
    </rich:tabPanel>
    </h:form> 
       
    </ui:define> 
 
</ui:composition>
    
  
